@charset "utf-8";
/* CSS Document */
.clearfix{ clear:both;}
.fl{ float: left;}
.fr{float:right}
body{margin:0; padding:0;font-family: "微软雅黑"; font-size: 12px;overflow-x:hidden;}
ul,li,ol,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{list-style:none;padding:0;margin:0;text-decoration:none;font-weight:normal; font-size: 12px;}
a{ color:#505050; text-decoration: none;}
* img{display:block;}
input{padding:0;margin:0;outline:none;}
*{box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
}

/*由左到右*/
[class*='lf-rt'] {
	transition: all 0.3s ease;
	opacity:0; filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: translateX(-50px);
  	-moz-transform: translateX(-50px);
  	-ms-transform: translateX(-50px);
  	-o-transform: translateX(-50px);
  	transform: translateX(-50px);
	}
.animated[class*='lf-rt'] {
	-webkit-transform: translate(0);
  	-moz-transform: translate(0);
  	-ms-transform: translate(0);
  	-o-transform: translate(0);
  	transform: translateX();	
	opacity:1; filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

/*由下到上*/
[class*='d-top']{
	transition: all 0.3s ease;
	opacity:0; filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: translateY(50px);
  	-moz-transform: translateY(50px);
  	-ms-transform: translateY(50px);
  	-o-transform: translateY(50px);
  	transform: translateY(50px);
	}
.animated[class*='d-top']{
	-webkit-transform: translate(0);
  	-moz-transform: translate(0);
  	-ms-transform: translate(0);
  	-o-transform: translate(0);
  	transform: translateY();	
	opacity:1; filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
/*由上到下*/
[class*='t-down']{
	transition: all 0.3s ease;
	opacity:0; filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: translateY(-50px);
  	-moz-transform: translateY(-50px);
  	-ms-transform: translateY(-50px);
  	-o-transform: translateY(-50px);
  	transform: translateY(-50px);
	}
.animated[class*='t-down']{
	-webkit-transform: translate(0);
  	-moz-transform: translate(0);
  	-ms-transform: translate(0);
  	-o-transform: translate(0);
  	transform: translateY();	
	opacity:1; filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
/*由右到左*/
[class*='rt-lf']{
	transition: all 0.3s ease;
	opacity:0; filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: translateX(50px);
  	-moz-transform: translateX(50px);
  	-ms-transform: translateX(50px);
  	-o-transform: translateX(50px);
  	transform: translateX(50px);
	}
.animated[class*='rt-lf']{
	-webkit-transform: translate(0);
  	-moz-transform: translate(0);
  	-ms-transform: translate(0);
  	-o-transform: translate(0);
  	transform: translateX();	
	opacity:1; filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}


/*左旋转变化*/
[class*='z-xuan']{
	transition: all 0.3s ease;
	opacity:0; filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: rotate(-360deg);
  	-moz-transform: rotate(-360deg);
  	-ms-transform: rotate(-360deg);
  	-o-transform: rotate(-360deg);
  	transform: rotate(-360deg);
	}
.animated[class*='z-xuan']{
	-webkit-transform: rotate(0);
  	-moz-transform: rotate(0);
  	-ms-transform: rotate(0);
  	-o-transform: rotate(0);
  	transform: rotate(0);	
	opacity:1; filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

/*右旋转变化*/
[class*='y-xuan']{
	transition: all 0.3s ease;
	opacity:0; filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: rotate(360deg);
  	-moz-transform: rotate(360deg);
  	-ms-transform: rotate(360deg);
  	-o-transform: rotate(360deg);
  	transform: rotate(360deg);
	}
.animated[class*='y-xuan']{
	-webkit-transform: rotate(0);
  	-moz-transform: rotate(0);
  	-ms-transform: rotate(0);
  	-o-transform: rotate(0);
  	transform: rotate(0);	
	opacity:1; filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

